.sidebar {
    width: 260px;
    background-color: #05264c;
    position: sticky;
    top: 0;
    padding-bottom: 32px;
    overflow-y: auto;
    height: 100vh;
    flex-shrink: 0;
  }
  @media (min-width: 1280px) {
    .sidebar {
      width: 280px;
    }
  }
  .sidebar-background-color {
    background-color: #05264c;
  }
  .sidebar-products > li {
    margin: 4px 0;
  }
  .sidebar-products a,
  .sidebar-products .arrow {
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 1.4;
  }
  .sidebar-products a:hover,
  .sidebar-products .arrow:hover {
    color: #79b8ff;
  }
  .sidebar-category > a,
  .sidebar-category summary a,
  .sidebar-product > a,
  .sidebar-product summary a {
    color: #c8e1ff;
    opacity: 0.8;
  }
  .sidebar-product.is-current-page > a,
  .sidebar-category.is-current-page > a,
  .sidebar-maptopic.is-current-page > a,
  .sidebar-article.is-current-page > a {
    color: #79b8ff;
  }
  .sidebar-category.active {
    background-color: #032f62;
  }
  .sidebar-maptopic .sidebar-article {
    position: relative;
  }
  .sidebar-maptopic .sidebar-article::before {
    content: '';
    position: absolute;
    left: 24px;
    height: 100%;
    border-left: 1px solid #044289;
    width: 1px;
    top: 0;
  }
  .sidebar-maptopic .sidebar-article.active::before {
    border-left: 3px solid #044289;
  }
  .sidebar-product.active > ul,
  .sidebar-category.active > ul,
  .sidebar-maptopic.active > ul {
    display: block;
  }
  .sidebar-category > ul {
    display: none;
  }
  .sidebar-maptopic > ul {
    display: none;
  }
  